@charset "utf-8"; 
/**Navi**/
.main-nav-panel {width: 100%; float: right; background: #fff; position: relative;}
.main-nav-window {margin-left: 317px;}
.main-nav-panel .menu {float: right;}
.main-nav-panel .menu .menu-item {display: inline-block; float: left; z-index: 100;}
.main-nav-panel .menu .menu-item a.menu-link {display: inline-block; padding: 0 28px; height: 62px; line-height: 62px; color: #2c2c2c; font-size: 16px; background: url(../images/shubg.png) left center no-repeat;}
.main-nav-panel .menu .menu-item.i1 a.menu-link {background: none;}
.main-nav-panel .menu .menu-item a.menu-link:hover, .main-nav-panel .menu .menu-item a.menu-link.parent {text-decoration: none; background: #f0f0f0 url(../images/shubg.png) left center no-repeat;}
.main-nav-panel .menu .menu-item.i1 a.menu-link:hover, .main-nav-panel .menu .menu-item.i1 a.menu-link.parent {background: #f0f0f0;}

.main-nav-panel .menu .menu-item .sub-wrap {display: none; position: absolute; top: 60px; left: 0; z-index: 100; background: #f0f0f0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 30px 20px 30px 40px; width: 1078px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu {}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item {position: relative; white-space: nowrap; float: left; vertical-align: top; _zoom: 1;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item a {display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 20px; line-height: 20px; padding: 8px 0; display: block; font-size: 16px; color: #0D47A1; border-bottom: 1px solid #0e48a1;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item a:hover {color: #e99839; display: block;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-href {width: 139px; float: right; margin: 46px 8px 0 0;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-href .links a {padding: 12px 3px; line-height: 20px; font-size: 14px; color: #0D47A1; border: 1px solid #0D47A1; border-radius: 25px; text-align: center; margin-bottom: 12px; display: block;}

.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item .sub-wrap {display: block !important; position: inherit; padding: 0; border: 0; top: auto; left: auto; background: none; width: auto; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item .sub-wrap .sub-menu {width: 100%; margin-top: 16px;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item .sub-wrap .sub-menu .sub-item {width: 100%;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item .sub-wrap .sub-menu .sub-item a {color: #000; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item .sub-wrap .sub-menu .sub-item a:hover {border-bottom: 1px solid #000;}
.main-nav-panel .menu .menu-item .sub-wrap .sub-menu .sub-item .sub-wrap .sub-href {display: none;}

.main-nav-panel .menu .menu-item.i1 .sub-wrap .sub-menu {width: 828px; float: left;}
.main-nav-panel .menu .menu-item.i1 .sub-wrap .sub-menu .sub-item {width: 248px; margin-right: 28px;}
.main-nav-panel .menu .menu-item.i1 .sub-wrap .sub-href {width: 222px;}
.main-nav-panel .menu .menu-item.i1 .sub-wrap .sub-menu .sub-item .sub-wrap .sub-menu {width: 100%;}
.main-nav-panel .menu .menu-item.i1 .sub-wrap .sub-menu .sub-item .sub-wrap .sub-menu .sub-item {width: 50%; margin: 0;}
.main-nav-panel .menu .menu-item.i1 .sub-wrap .sub-menu .sub-item.i1-3 .sub-wrap .sub-menu .sub-item {width: 100%;}
.main-nav-panel .menu .menu-item.i2 .sub-wrap .sub-menu {width: 925px; float: left;}
.main-nav-panel .menu .menu-item.i2 .sub-wrap .sub-menu .sub-item {width: 157px; margin-right: 28px;}
.main-nav-panel .menu .menu-item.i3 .sub-wrap .sub-menu {width: 925px; float: left;}
.main-nav-panel .menu .menu-item.i3 .sub-wrap .sub-menu .sub-item {width: 109px; margin-right: 173px;}
.main-nav-panel .menu .menu-item.i4 .sub-wrap .sub-menu {width: 925px; float: left;}
.main-nav-panel .menu .menu-item.i4 .sub-wrap .sub-menu .sub-item {width: 185px; margin-right: 109px;}
.main-nav-panel .menu .menu-item.i4 .sub-wrap .sub-menu .sub-item.i4-6 {margin-top: -73px;}
.main-nav-panel .menu .menu-item.i5 .sub-wrap .sub-menu {width: 925px; float: left;}
.main-nav-panel .menu .menu-item.i5 .sub-wrap .sub-menu .sub-item {width: 156px; margin-right: 28px;}
.main-nav-panel .menu .menu-item.i5 .sub-wrap .sub-menu .sub-item.i5-2, .main-nav-panel .menu .menu-item.i5 .sub-wrap .sub-menu .sub-item.i5-4 {width: 250px;}
.main-nav-panel .menu .menu-item.i7 .sub-wrap .sub-menu {width: 925px; float: left;}
.main-nav-panel .menu .menu-item.i7 .sub-wrap .sub-menu .sub-item {width: 280px; margin-right: 28px;}
.main-nav-panel .menu .menu-item.i6 .sub-wrap .sub-menu .sub-item { width:280px;margin-right: 28px;}
.con-box .rel-item .item-name.n1:before {/*background: -webkit-linear-gradient(left, #16C6FF, #3E87E9);  background: -o-linear-gradient(right, #16C6FF, #3E87E9);  background: -moz-linear-gradient(right, #16C6FF, #3E87E9);  background: linear-gradient(to right, #16C6FF, #3E87E9);*/ background: url(../images/item-2.png) right center no-repeat!important;}
.con-box .rel-item .item-name.n2:before {/*background: -webkit-linear-gradient(left, #D22024, #94070A);  background: -o-linear-gradient(right, #D22024, #94070A);  background: -moz-linear-gradient(right, #D22024, #94070A);  background: linear-gradient(to right, #D22024, #94070A);*/ background: url(../images/item-1.png) right center no-repeat!important;}
.con-box .rel-con .rel-list .list-con.c1 {background:#94070a url(../images/serbg-1.jpg) right bottom no-repeat!important;}
.con-box .rel-con .rel-list .list-con.c2 {background:#3e87e9;!important}